﻿@{
    Layout = null;
}
<link href="~/Content/左侧下拉导航.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<!DOCTYPE html>
<html>
<body>
    <div class="row" style="height:110%">
        <div class="col-md-1">
            <div class="nav-main">
                <div class="nav-box">
                    <div class="nav">
                        <ul class="nav-ul">
                            <li><a href="/Home/Admin_Yishengcheng" class="home"><span>首页</span></a></li>
                            <li><a href="#" class="develop"><span>个人信息</span></a></li>
                            <li><a href="/Home/Admin_Kaoti" class="wechat"><span>考题管理</span></a></li>
                            <li><a href="/Home/Admin_Quanxian" class="case"><span>权限管理</span></a></li>
                            <li><a href="/Home/Admin_Tikuguanli" class="contact"><span>题库管理</span></a></li>
                        </ul>
                    </div>
                    <div class="nav-slide">
                        <div class="nav-slide-o"></div>
                        <div class="nav-slide-o">
                            <ul>
                                <li><a><span>姓名:&emsp; 教务</span></a></li>
                                <li><a><span>学院:&emsp; 物联网工程学院</span></a></li>
                                <li><a><span>手机:&emsp; 13718429302</span></a></li>
                                <li><a><span>邮箱:&emsp; 1437029876@qq.com</span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-11" style="background-color:#fff;height:110%;width:100%;">
            <div class="row">
                <div class="col-md-12" style="background-color:#808080;height:60px">
                    <div class="navbar-header pull-right" role="navigation" style="background-color:#fff">
                        <ul class="nav ace-nav" style="height:50px">
                            <li class="light-blue">
                                <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                                    <img src="~/img/nanxingkeaitouxiangtubiaosucai_6508905_small.jpg" width=38 height=38 alt="Jason's Photo" />
                                    <span class="user-info">
                                        <small>欢迎光临,</small>
                                        @Session["UID"]
                                    </span>

                                    <i class="icon-caret-down"></i>
                                </a>

                                <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">

                                    <li>
                                        <a href="/Home/OnLogin">
                                            <i class="icon-off"></i>
                                            退出
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul><!-- /.ace-nav -->
                    </div><!-- /.navbar-header -->
                </div><!-- /.container -->
            </div>
            <div class="row">
                <div class="col-md-1" style="height:110%;width:110px">
                </div>
                <div class="col-md-11" style="background-color:#fff;height:110%">
                    @RenderBody()
                </div>
            </div>
        </div>
    </div>






    <script type="text/javascript">
        $(function () {
            var thisTime;
            $('.nav-ul li').mouseleave(function (even) {
                thisTime = setTimeout(thisMouseOut, 1000);
            })

            $('.nav-ul li').mouseenter(function () {
                clearTimeout(thisTime);
                var thisUB = $('.nav-ul li').index($(this));
                if ($.trim($('.nav-slide-o').eq(thisUB).html()) != "") {
                    $('.nav-slide').addClass('hover');
                    $('.nav-slide-o').hide();
                    $('.nav-slide-o').eq(thisUB).show();
                }
                else {
                    $('.nav-slide').removeClass('hover');
                }

            })

            function thisMouseOut() {
                $('.nav-slide').removeClass('hover');
            }

            $('.nav-slide').mouseenter(function () {
                clearTimeout(thisTime);
                $('.nav-slide').addClass('hover');
            })
            $('.nav-slide').mouseleave(function () {
                $('.nav-slide').removeClass('hover');
            })

        })
    </script>
</body>
</html>
